import './endProof.less'

import React, { useState } from 'react';
import { Select, Space, InputNumber, Input } from 'antd';

import { BorderOuterOutlined } from '@ant-design/icons';


function EndProof() {

    const getDate = '2023-9-6';
    const getProofDate: string = String(getDate);
    const proofDate: string = String(getProofDate);
    const suffix = (
        <BorderOuterOutlined
            style={{
                fontSize: 16,
                color: '#1677ff',
            }}
        />
    );

    const getMoreFile = ['', '', '', '', ''];
    const getProofFile: number = Number(getMoreFile.length);
    const moreFileNum: number = Number(getProofFile);

    const creator=[];
    const getCreator=('Phoebe');
    creator.push(getCreator)

    let proofType=[];
    const getProofType=[
        {typeName:'结转销售成本',money:0,operate:'生成凭证'},
        {typeName:'计提职工薪酬',money:0,operate:'生成凭证'},
        {typeName:'结转销售成本',money:0,operate:'生成凭证'},
        {typeName:'自定义结转模板',operate:'新增'}]
        proofType=(getProofType)
    return (
        <div className='page'>
            <div className='header'>
                <div className="title">
                    <span>期末结转</span>
                    <div className='bom'></div>
                </div>
                
            </div>
            <div className='header2'>
                <div className='proofInfo1'>
                    <div style={{ padding: 0, width: '180px' }}><span>结账日期:</span>
                        <Input value={proofDate} disabled={true} style={{ width: 100, color: 'black' }} />
                        <BorderOuterOutlined style={{ zIndex: 9, marginLeft: '-20px' }} />
                    </div>
                    
                </div>
                <div className="operate">
                    <div className="btn">反结账</div>
                    <div className="btn">确认结账</div>
                </div>
            </div>
            <div className="content">
                <div className="tips"><div><span style={{color:'red'}}>*</span>请检查是否有需要生成凭证，如无需要，点击确认结账即可！</div></div>

                <div className="box">
                    {proofType.map((v,i)=>
                    <div className='boxChild'>
                        <div className='boxHeader'>{v.typeName}</div>
                        <div className="boxBody">
                            <p>{v.money?.toFixed(2)}</p>
                            <div className="operate">{v.operate}</div>
                        </div>
                    </div>)}
                </div>
            </div>
        </div>
    )
}
export default EndProof